<!DOCTYPE html>
<!-- 页面主语言为简体中文 -->
<html lang="zh-Hans">

<head>
    <meta charset="utf-8">
    <meta name="author" content="cheng">
    <meta name="description" content="html基础学习">
    <title>HTML基础学习</title>
    <!-- 引入字体 -->
    <link rel="stylesheet" href="https://fonts.font.im/css?family=Open+Sans" type="text/css">
    <!-- 引入css样式 在head中引入-->
    <link rel="stylesheet" href="styles/style.css" type="text/css">

    <!-- 添加icon -->
    <link rel="Shortcut Icon" href="images/logo16.png" type="image/x-icon">
</head>

<body>
    <h1>这是谁的头像</h1>
    <!-- 插入图片 -->
    <img src="images/1555690250205.png" alt="My test image">

    <!-- 超链接 _blank表示在新标签页打开-->
    <a href="https://www.google.com" target="_blank">Google</a>
    <!-- 段落标签 -->
    <p>这是我的<strong>头像</strong></p>
    <p>不是你的</p>
    <!-- 无序列表 -->
    <ul>
        <li>主页</li>
        <li><a href="pictures.html" target="_blank">图片</a></li>
        <li><a href="projects.html" target="_blank">项目</a></li>
        <li><a href="social.html" target="_blank">Social</a></li>
    </ul>
    <!-- 有序列表 -->
    <ol>
        <li>2222222222222222</li>
        <li>2222222222222222</li>
        <li>2222222222222222</li>
        <li>2222222222222222</li>
        <li>2222222222222222</li>
        <li>2222222222222222</li>
        <li>2222222222222222</li>
        <li>2222222222222222</li>
        <li>2222222222222222</li>
        <li>2222222222222222</li>
    </ol>
    <button>切换用户</button>
    <!-- 引入js 在页面最后引入，确保加载脚本前浏览器已经解析了HTML内容-->
    <script src="scripts/main.js" defer></script>
</body>

</html>